<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<ui:define name="body">
		<h:form id="form">
			<p:panel header="Mantenimiento de Serviciosos">
				<h:panelGrid columns="3" cellspacing="5" style="margin:0 auto;">
					<h:outputText value="Tipo de Servicio" />
					<h:selectOneListbox size="1"
						value="#{mantenimientoProcesos.objProcesos.tipoProceso}">
						<f:selectItem itemValue="1" itemLabel="Procedimientos TUPA" />
						<f:selectItem itemValue="2"
							itemLabel="Procedimientos Administrativos NO TUPA" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Califición" />
					<h:selectOneListbox size="1" id="cboTipoEva">
						<f:selectItem itemValue="1" itemLabel="Automática" />
						<f:selectItem itemValue="2" itemLabel="Positiva" />
						<f:selectItem itemValue="2" itemLabel="Negativa" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Nombre del Servicio" />
					<h:inputText id="nombreProcedimiento"
						value="#{mantenimientoProcesos.objProcesos.nombreProceso}"
						size="72" required="true"
						requiredMessage="Se requiere el nombre del Proceso " />
					<p:message for="nombreProcedimiento" />

					<h:outputText value="Descripción del Servicio" />
					<h:inputTextarea
						value="#{mantenimientoProcesos.objProcesos.descripcion}"
						id="observacion" rows="3" cols="70" required="true"
						requiredMessage="Se requiere la descripcion del procedimiento " />
					<p:message for="observacion" />


					<h:outputText value="Duración en días" />



					<h:panelGrid columns="8">
						<h:inputText id="duracion"
							value="#{mantenimientoProcesos.objProcesos.duracion}"
							maxlength="2" disabled="true" size="5" />
						<p:spacer width="20" />


						<h:outputText value="Costo en " />
						<p:spacer />
						<h:inputText value="#{mantenimientoProcesos.objProcesos.costo}"
							size="5" requiredMessage="Ingrese un numero porcentual" />



						<h:outputText value=" % o en" />
						<h:inputText size="5" />
						<h:outputText value="Nuevos Soles de la UIT" />
					</h:panelGrid>
					<p:spacer />

					<h:outputText value="Unidad de Gestión Encargada:" />
					<h:selectOneListbox id="cboAreaMP"
						value="#{mantenimientoProcesos.idComboAreaFormulario}" size="1">
						<f:selectItem itemLabel="--- Seleccione una Unidad Gestión ---"
							itemValue="-1" />
						<f:selectItems value="#{mantenimientoProcesos.procUnidadOrganica}" />
						<p:ajax update="cargoMP" process="cboAreaMP" event="change"
							actionListener="#{mantenimientoProcesos.metodoCargoArea}" />
					</h:selectOneListbox>
					<p:spacer />

					<h:outputText value="Responsable: " />
					<h:inputText id="cargoMP"
						value="#{mantenimientoProcesos.cargoArea}" size="72"
						disabled="true" />
					<p:spacer />

				</h:panelGrid>
				<br />
				<br />
				<div>
					<p:tabView title="01" style="margin:0 auto;">
						<p:tab title="Crear Flujo de Procesos">
							<p:panel header="Crear Flujo de Procesos">
								<h:panelGrid columns="2" id="grid" cellspacing="5"
									style="margin:0 auto;" border="0">
									<h:outputText value="Unidad Gestión:"
										style="text-align: right;" />
									<h:selectOneListbox value="#{mantenimientoProcesos.idUnidOrg}"
										size="1" id="flujoUniOrg">
										<f:selectItem
											itemLabel="--- Seleccione una Unidad Órganica ----"
											itemValue="-1" />
										<f:selectItems
											value="#{mantenimientoProcesos.procUnidadOrganica}" />
										<p:ajax update="flujoSubIniOrg" process="flujoUniOrg"
											event="change"
											actionListener="#{mantenimientoProcesos.selectUnidOrg}" />
									</h:selectOneListbox>


									<h:outputText value="o Grupo de Trabajo:"
										style="text-align: right;" />
									<h:selectOneListbox size="1" id="flujoSubIniOrg"
										value="#{mantenimientoProcesos.idSubUniOrg}">
										<f:selectItem
											itemLabel="--- Seleccione un Grupo de Trabajo ---"
											itemValue="-1" />
										<f:selectItems
											value="#{mantenimientoProcesos.subUnidadOrganica}" />
									</h:selectOneListbox>

									<h:outputText value="Acción: " style="text-align: right;" />
									<h:selectOneListbox size="1" id="flujoAccion"
										value="#{mantenimientoProcesos.idAccion}">
										<f:selectItem itemLabel="REVISAR REQUISITOS" itemValue="9" />
										<f:selectItem itemLabel="REDACTAR INFORME" itemValue="10" />
										<f:selectItem itemLabel="PROYECTO DE RESPUESTA" itemValue="11" />
										<f:selectItem itemLabel="APROBACIÓN" itemValue="12" />
									</h:selectOneListbox>


									<h:outputText value="Número de días:"
										style="text-align: right;" />
									<h:panelGrid columns="2" border="0">
										<h:inputText value="#{mantenimientoProcesos.numDiaUnidOrg}"
											maxlength="2" required="true"
											requiredMessage="Ingrese la cantidad de días" />
										<p:commandButton
											title="Agregar Unidad Gestión o Grupo de Trabajo al flujo de procesos"
											actionListener="#{mantenimientoProcesos.agregar}"
											update="form:outPanelGrid msjA form:duracion"
											style="background: url('images/botton/add.png') no-repeat;
												background-position: center bottom; width: 24px; 
												height: 24px; border:0" />
									</h:panelGrid>

								</h:panelGrid>
							</p:panel>
							<br />
							<br />

							<p:outputPanel id="outPanelGrid">
								<p:dataTable
									value="#{mantenimientoProcesos.listaComboFLujoArea}" var="a"
									emptyMessage="No posee ningun flujo">
									<f:facet name="header">
										<h:outputText value="Flujo de Procesos" />
									</f:facet>

									<p:column style="text-align: center;"
										headerText="Unidad Gestión">
										<h:outputText value="#{a.descripcion}" />
									</p:column>
									<p:column style="text-align: center;"
										headerText="Grupo de Trabajo">
										<h:outputText value="#{a.desSubArea}" />
									</p:column>
									<p:column style="text-align: center;" headerText="Número días">
										<h:outputText value="#{a.numDias}" />
									</p:column>
									<p:column style="text-align: center;" headerText="Acción">
										<h:outputText value="#{a.descAccion}" />
									</p:column>
									<p:column style="text-align: center;" headerText="Eliminar">
										<p:commandLink value="Eliminar" id="btnElimFluArea"
											process="@this" update="form:duracion form:outPanelGrid"
											actionListener="#{mantenimientoProcesos.eliminarSubUnidOrg}">
											<f:param name="codSubUniOrgProcess" value="#{a.idArea}"
												id="codSubUniOrgProcess" />
										</p:commandLink>
									</p:column>

									<f:facet name="footer">
										<h:outputText
											value="Deacuerdo a lo listado se realizará la secuencia de envio para cada area"
											style="font-size:xx-small" />
									</f:facet>
								</p:dataTable>
							</p:outputPanel>
							<br />
							<div align="center">
								<h:commandButton image="images/botton/aceptProc.png"
									action="#{mantenimientoProcesos.registrarEditarProceso}"
									ajax="false" title="Completar" type="button"
									style="width: 90px; height: 28px;" />
								<p:spacer width="10" />
								<h:commandButton image="images/botton/limpiarform.png"
									action="#{mantenimientoProcesos.limpiarForm}" ajax="false"
									title="Limpiar formulario" type="button"
									style="width: 90px; height: 28px;" />
							</div>
							<br />
						</p:tab>
						<p:tab title="Asignar Requisitos al Proceso">
							<p:panel header="Adjuntar Requisitos al Proceso">
								<h:panelGrid columns="3" id="gridRequitos" cellspacing="5"
									style="margin:0 auto;">
									<h:outputText value="Requisitos :" style="text-align: right;" />
									<h:selectOneListbox
										value="#{mantenimientoProcesos.idRequisito}" size="1">
										<f:selectItems
											value="#{mantenimientoProcesos.listarRequisitos}" />
									</h:selectOneListbox>

									<p:commandButton title="Agregar requisito al proceso"
										actionListener="#{mantenimientoProcesos.agregar2}"
										update="outPanelGridRequisitos"
										style="background: url('images/botton/add.png') no-repeat;
												background-position: center bottom; width: 28px; 
												height: 28px; border:0">
										<p:collector
											value="#{mantenimientoProcesos.objRequisitoProceso}"
											addTo="#{mantenimientoProcesos.listaRequisitoProceso}" />
									</p:commandButton>

								</h:panelGrid>
							</p:panel>


							<br />
							<br />
							<p:outputPanel id="outPanelGridRequisitos" autoUpdate="true">
								<p:dataTable
									value="#{mantenimientoProcesos.listaRequisitoProceso}" var="b"
									emptyMessage="No posee ningun Requisito">
									<f:facet name="header">
										<h:outputText value="Detalle de los Requisitos del Proceso" />
									</f:facet>

									<p:column style="text-align: center;" headerText="Nombre">
										<h:outputText value="#{b.nombreRequisito}" />
									</p:column>
									<p:column style="text-align: center;" headerText="Operación">
										<p:commandLink value="Eliminar" id="btnElimReqPro"
											update="form:outPanelGridRequisitos" process="btnElimReqPro">
											<p:collector value="#{b}"
												removeFrom="#{mantenimientoProcesos.listaRequisitoProceso}" />
										</p:commandLink>
									</p:column>
									<f:facet name="footer">
										<h:outputText
											value="Deacuerdo a lo listado se realizará el registro de requisitos por Procedimiento Administrativo"
											style="font-size:xx-small" />
									</f:facet>
								</p:dataTable>
							</p:outputPanel>
							<br />
							<div align="center">
								<h:commandButton image="images/botton/aceptProc.png"
									action="#{mantenimientoProcesos.registrarEditarProceso}"
									ajax="false" title="Completar" type="button"
									style="width: 90px; height: 28px;" />
								<p:spacer width="10" />
								<h:commandButton image="images/botton/limpiarform.png"
									action="#{mantenimientoProcesos.limpiarForm}" ajax="false"
									title="Limpiar formulario" type="button"
									style="width: 90px; height: 28px;" />
							</div>
							<br />
						</p:tab>
						<p:tab title="Configurar Reconsideración y Apelación">
							<br />
							<p:panel header="Reconsideración">
								<h:panelGrid columns="5" style="margin:0 auto;">
									<h:outputText value="Subir formulario " />
									<p:fileUpload auto="true" id="uploadFileRec"
										label="Examinar..."
										fileUploadListener="#{mantenimientoProcesos.accionFileUploadReconsideracion}"
										customUI="true" sizeLimit="4194304" immediate="true"
										invalidSizeMessage="Maximo 4mb" update="plantillaSubidaRec"
										style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
										oncomplete="upFileReq.hide() ;"
										allowTypes="*.doc;*.docx;*.pdf;"
										description="*.doc;*.docx;*.pdf;" />
									<p:spacer />
									<h:outputText value="Nombre del archivo: " />
									<h:inputText id="plantillaSubidaRec"
										value="#{mantenimientoProcesos.apeRecDTO.nombreArchivoReconsideracion}"
										disabled="true"
										style="font-weight: bold; color:#000000; width: 100%;" />
									<h:outputText value="Número de días:" />
									<h:inputText
										value="#{mantenimientoProcesos.apeRecDTO.numDiaRec}" />
								</h:panelGrid>
							</p:panel>
							<br />
							<p:panel header="Apelación">
								<h:panelGrid columns="5" style="margin:0 auto;">
									<h:outputText value="Unidad Gestión Encargada:" />
									<h:selectOneListbox id="cboAreaApe"
										value="#{mantenimientoProcesos.idApelacion}" size="1">
										<f:selectItem
											itemLabel="--- Seleccione una Unidad Gestión ---"
											itemValue="-1" />
										<f:selectItems
											value="#{mantenimientoProcesos.procUnidadOrganica}" />
									</h:selectOneListbox>
									<p:spacer />
									<h:outputText value="Número de días:" />
									<h:inputText
										value="#{mantenimientoProcesos.apeRecDTO.numDiaApe}" />

									<h:outputText value="Subir formulario " />
									<p:fileUpload auto="true" id="uploadFileApe"
										label="Examinar..."
										fileUploadListener="#{mantenimientoProcesos.accionFileUploadApelacion}"
										customUI="true" sizeLimit="4194304" immediate="true"
										invalidSizeMessage="Maximo 4mb" update="plantillaSubidaApe"
										style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
										oncomplete="upFileReq.hide() ;"
										allowTypes="*.doc;*.docx;*.pdf;"
										description="*.doc;*.docx;*.pdf;" />
									<p:spacer />
									<h:outputText value="Nombre del archivo: " />
									<h:inputText id="plantillaSubidaApe"
										value="#{mantenimientoProcesos.apeRecDTO.nombreArchivoApelacion}"
										disabled="true"
										style="font-weight: bold; color:#000000; width: 100%;" />
								</h:panelGrid>
							</p:panel>

							<br />
							<div align="center">
								<h:commandButton image="images/botton/aceptProc.png"
									action="#{mantenimientoProcesos.registrarEditarProceso}"
									ajax="false" title="Completar" type="button"
									style="width: 90px; height: 28px;" />
								<p:spacer width="10" />
								<h:commandButton image="images/botton/limpiarform.png"
									action="#{mantenimientoProcesos.limpiarForm}" ajax="false"
									title="Limpiar formulario" type="button"
									style="width: 90px; height: 28px;" />
							</div>
							<br />
						</p:tab>
					</p:tabView>
				</div>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>

